<template>

  <el-tabs tab-position="left" v-model="activeTab">
    <el-tab-pane v-for="(item, index) in leftList" :label="item.name" :name="item.value" :key="index">
      <TheList v-if="activeTab === 'list'" />
      <TheCard v-else-if="activeTab === 'card'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import TheList from '@/before-view/theList/index'
import TheCard from '@/before-view/theCard/index'
import { ref } from 'vue'
const leftList = [{"name":"列表", "value":"list"}, {"name":"卡片", "value":"card"}];
const activeTab = ref('card');

</script>

<style>


</style>
